<template>
	<!-- 这个文件里是所有的审核页面，包括弹窗和页面 -->
	<div style>
		<div class="comTitle clearfix">
			<div class="titleName fl" v-html="companyName"> 测试</div>
			<!-- 这里是弹框的右边 显示  通过  未通过  审核  -->
			<!-- 当传过来的tabNum ==0 的时候 加 status这个类   （点击的是 待审核 的时候）
          当穿过来的tabnum是  1  的时候  加   pass  这个类   （点击的是 已通过 的时候）
          当传过来的tabnum是  2 的时候  加  red这个  类   （点击的是 未通过 的时候）
       -->
			<div :class="{'fr':true,'status':tabNum==='0','pass':tabNum==='1','red':tabNum==='2'}" v-if="type!=='0'"
				v-html="statusList[tabNum]"></div>
			<!-- 这里的 statusList[tabNum] 显示的是弹框右上角的  蓝色的  还是  绿色的  还是红色的-->
		</div>
		<!-- 企业信息审核里面  未通过选项  里面的 详情   跳出来的弹出框-->
		<div style="padding:0;">
			<div v-if="type=='5'">
				<div class="title">认证信息</div>
				<ul class="info clearfix">
					<li>
						<div class="infoLabel">企业开户名:</div>
						<div class="infoText" v-html="companyName"></div>
					</li>
					<li :style=" type === '5' ? 'width: 100%':''">
						<div class="infoText licenseimg">
							<span class="infoLabel">认证凭证:</span>
							<img :src="checkPicture" alt="认证凭证" width="100px" height="92px" @click="isShowMyImg">
						</div>
					</li>
				</ul>
			</div>
			<div v-if="type!='5'">
				<div class="title">基本信息</div>
				<ul class="info clearfix">
					<li>
						<div class="infoText licenseimg">
							<span class="infoLabel">公司logo：</span>
							<img :src="baseInfo.logo" width="100px" height="92px">
						</div>
					</li>
					<li>
						<div class="infoLabel">公司名称:</div>
						<div class="infoText"
							v-html="baseInfo.newcompanyname?baseInfo.newcompanyname:baseInfo.companyname"></div>
						<span style="color:red;padding-left:5px;"
							v-if="baseInfo.newcompanyname">(原公司名称：{{baseInfo.companyname}})</span>
					</li>
					<li>
						<div class="infoLabel">公司地址:</div>
						<div class="infoText"
							v-html="baseInfo.newaddress?baseInfo.newaddress:((baseInfo.cityname?baseInfo.cityname:'') +(baseInfo.areaname?baseInfo.areaname:'')+ (baseInfo.address?baseInfo.address:''))">
						</div>
						<span style="color:red;padding-left:5px;"
							v-if="baseInfo.newaddress">(原公司地址：{{(baseInfo.cityname?baseInfo.cityname:'') +(baseInfo.areaname?baseInfo.areaname:'')+ (baseInfo.address?baseInfo.address:'')}})</span>
					</li>
					<!-- <li>
          <div class="infoLabel">所在地区:</div>
          <div class="infoText" v-html="baseInfo.cityname"></div>
        </li>-->
					<li>
						<div class="infoLabel">公司性质:</div>
						<div class="infoText" v-html="baseInfo.companytypename"></div>
					</li>
					<li>
						<div class="infoLabel">法人姓名:</div>
						<div class="infoText"
							v-html="baseInfo.newlegalperson?baseInfo.newlegalperson:baseInfo.legalperson"></div>
						<span style="color:red;padding-left:5px;"
							v-if="baseInfo.newlegalperson">(原法人姓名：{{baseInfo.legalperson}})</span>
					</li>
					<li>
						<div class="infoLabel">公司规模:</div>
						<div class="infoText" v-html="baseInfo.companysizename"></div>
					</li>
					<li>
						<div class="infoLabel">所属行业:</div>
						<div class="infoText"
							v-html="baseInfo.newindustrytypename?baseInfo.newindustrytypename:baseInfo.industrytypename">
						</div>
						<span style="color:red;padding-left:5px;"
							v-if="baseInfo.newindustrytypename">(原法人姓名：{{baseInfo.industrytypename}})</span>
					</li>

					<li>
						<div class="infoLabel">联系人:</div>
						<div class="infoText" v-html="baseInfo.username"></div>
					</li>
					<li>
						<div class="infoLabel">联系电话:</div>
						<div class="infoText" v-html="baseInfo.telnum"></div>
					</li>
					<li>
						<div class="infoLabel">企业联系电话:</div>
						<div class="infoText" v-html="baseInfo.linkphone"></div>
					</li>
					<li>
						<div class="infoLabel">企业邮箱:</div>
						<div class="infoText" v-html="baseInfo.companyemail"></div>
					</li>
					<!-- 对公账户审核  的  type  是  5  （所已不再这里显示） -->
					<!-- 当传过来的  type  为0 的时候显示平台注册时间-->
					<!-- socialList给这个 页面传过来的  type就是  0 -->
					<!-- 如果 v-show 是 type===“0”  的话  都是显示的是 企业列表页的 东西 -->
					<li v-if="type === '0'">
						<div class="infoLabel">平台注册时间:</div>
						<div class="infoText" v-html="baseInfo.insertdate"></div>
					</li>
					<li v-if="type === '0'">
						<div class="infoLabel">企业分类:</div>
						<div class="infoText" v-if="baseInfo.approvetype && baseInfo.typestatus ==='1'"
							v-html="baseInfo.approvetype==='0'?'知名企业':'优质企业'"></div>
						<div class="infoText" v-else>普通企业</div>
					</li>
					<li style="width:100%" v-if="type === '0'">
						<div class="infoLabel">账户总额:</div>
						<div class="infoText" v-html="baseInfo.totalaccount "></div>
					</li>
					<!-- 如果图片的数量大于0 的话就显示 -->
					<li v-if="imgDatas.length>0">
						<div class="infoLabel">企业风采:</div>
						<div class="infoText licenseimg1">
							<img v-for="item in imgDatas" :key="item" :src="item" @click="currentImgShow(1,item)"
								alt="企业风采" width="86px">
						</div>
					</li>
					<!-- 看被点击的这个是企业列表还是什么？ 如果是企业列表的话  就给他 宽度100% 这个样式 -->
					<li :style=" type === '0' ? 'width: 100%':''">
						<div class="infoText licenseimg">
							<span class="infoLabel">营业执照:</span>
							<img :src="`data:image/png;base64,${newLogoUrl?newLogoUrl:logoUrl}`" alt="营业执照"
								width="100px" height="92px" @click="isShowImg('left')">
						</div>
						<div class="infoText licenseimg" v-if="newLogoUrl">
							<span class="infoLabel" style="color:red">原执照:</span>
							<img :src="`data:image/png;base64,${logoUrl}`" alt="营业执照" width="100px" height="92px"
								@click="isShowImg('right')">
						</div>
					</li>
					<!--  type == 2 || type == 3  表示的是  优质企业  和  知名企业  这两个  -->
					<li v-if="(type == 2 || type == 3) && yzImg.length>0">
						<div class="infoLabel" v-if="type == 2">优质认证:</div>
						<div class="infoLabel" v-if="type == 3">知名认证:</div>
						<div class="infoText licenseimg1">
							<img v-for="item in yzImg" :key="item" @click="currentImgShow(type,item)" :src="item" alt
								width="86px">
						</div>
						<!-- @click="isShowImg()" -->
					</li>
				</ul>
				<!-- 这个组件 企业审核  优质企业   知名企业  都有   -->
				<div class="company-introduction clearfix:after">
					<div class="company-introduction-title fl">企业介绍:</div>
					<pre class="company-introduction-content fl" v-html="baseInfo.introduction"></pre>
				</div>
				<!-- <div>
        <div class="infoLabel">企业分类:</div>
        <div class="infoText">{{ baseInfo.status | fliterStatus }}</div>
      </div> -->
				<!-- 这个组件  只有在  企业列表  的时候才会显示   -->
				<div class="company-introduction clearfix:after" style="margin-top: 10px;" v-if="type === '0'">
					<div class="company-introduction-title fl">企业状态:</div>
					<pre class="company-introduction-content fl">{{ baseInfo.status | filterStatus }}</pre>
				</div>
				<div class="company-introduction clearfix:after" v-if="baseInfo.status == 5">
					<div class="company-introduction-title1 clearfix">
						<span class="fl">原招聘数量</span>
						<span class="fr" @click="zpInfo">招聘信息({{baseInfo.recruitnumber}})</span>
					</div>
					<ul class="info1 clearfix">
						<li>
							<div class="infoLabel">原面试人数:</div>
							<div class="infoText" v-html="baseInfo.interviewnumber"></div>
						</li>
						<li>
							<div class="infoLabel">录取人数:</div>
							<div class="infoText" v-html="baseInfo.admissionnumber"></div>
						</li>
						<li>
							<div class="infoLabel">企业充值费用:</div>
							<div class="infoText" v-html="baseInfo.rechargecost"></div>
						</li>
						<li>
							<div class="infoLabel">企业退款费用:</div>
							<div class="infoText" v-html="baseInfo.refundcost"></div>
						</li>
						<li>
							<div class="infoLabel">保障期内异常:</div>
							<div class="infoText" v-html="baseInfo.abnormalnumber"></div>
						</li>
					</ul>
					<!-- <pre class="company-introduction-content fl" v-html="baseInfo.introduction"></pre> -->
				</div>

				<!-- 平台信息 -->
				<div class="tabShow" v-if="type==='0'">
					<div class="title">平台信息</div>
					<ul class="info1 clearfix">
						<!-- <li>
            <div class="infoLabel">平台注册时间:</div>
            <div
              class="infoText"
              v-html="baseInfo.insertdate"
            ></div>
          </li>
          <li>
            <div class="infoLabel">企业分类:</div>
            <div
              class="infoText"
              v-if="baseInfo.approvetype && baseInfo.typestatus ==='1'"
              v-html="baseInfo.approvetype==='0'?'知名企业':'优质企业'"
            ></div>
            <div
              class="infoText"
              v-else
            >普通企业</div>
          </li> -->
						<li>
							<div class="infoLabel">企业信息审核人:</div>
							<div class="infoText" v-html="baseInfo.auditorname"></div>
						</li>
						<li>
							<div class="infoLabel">审核时间:</div>
							<div class="infoText" v-html="baseInfo.auditdate"></div>
						</li>
						<li v-if="baseInfo.approvetype && baseInfo.typestatus ==='1'">
							<div class="infoLabel" v-html="baseInfo.approvetype==='0'?'知名企业审核人:':'优质企业审核人:'"></div>
							<div class="infoText" v-html="baseInfo.typeauditorname"></div>
						</li>
						<li v-if="baseInfo.approvetype && baseInfo.typestatus ==='1'">
							<div class="infoLabel">审核时间:</div>
							<div class="infoText" v-html="baseInfo.typeauditdate"></div>
						</li>
					</ul>
				</div>
			</div>

			<!-- ========================== -->
			<!-- 加功能的审核结果部分内容 -->
			<!-- =========================== -->
			<!-- 当 传过来的tabNum为0 的时候才显示这个审核按钮 -->
			<!-- 当点击的是待审核 按钮的时候才会显示这个组件 -->
			<div v-if="tabNum==='0'&&type!=5" class="tabShow">
				<div class="title">审核结果</div>
				<div style="height:40px;display: flex;align-items: center;">
					<el-radio-group v-model="result" style="padding:0 20px" @change="resultChange">
						<!-- 这个change事件的回调 是 选中的 Radio label 值-->
						<!-- 当这个回调参数的值 ===1 的时候 说明是通过的，所以上传的 remark 的值为空，
                 如果这个回调参数的值 ===2 的时候，说明被驳回了，所以 会显示出 驳回的input框，然后把remark的值传回后台 -->
						<el-radio :label="'1'">通过</el-radio>
						<el-radio :label="'2'">驳回</el-radio>
					</el-radio-group>
					<el-input v-if="result==='2'" placeholder="驳回原因 :" v-model="remark" style="width:400px"></el-input>
				</div>
				<div class="btnBox">
					<el-button @click="cancel">取消</el-button>
					<!-- 提交的时候触发这个 submit 这个事件 -->
					<el-button type="primary" @click="submit">提交</el-button>
				</div>
			</div>
			<!-- 对公账户审核专用的提交按钮 -->
			<div v-if="tabNum==='0'&&type==='5'" class="tabShow">
				<div class="title">审核结果</div>
				<div style="height:40px;display: flex;align-items: center;">
					<el-radio-group v-model="result" style="padding:0 20px" @change="resultChange">
						<!-- 这个change事件的回调 是 选中的 Radio label 值-->
						<!-- 当这个回调参数的值 ===1 的时候 说明是通过的，所以上传的 remark 的值为空，
                 如果这个回调参数的值 ===2 的时候，说明被驳回了，所以 会显示出 驳回的input框，然后把remark的值传回后台 -->
						<el-radio :label="'1'">通过</el-radio>
						<el-radio :label="'2'">驳回</el-radio>
					</el-radio-group>
					<el-input v-if="result==='2'" placeholder="驳回原因 :" v-model="remark" style="width:400px"></el-input>
				</div>
				<div class="btnBox">
					<el-button @click="cancel">取消</el-button>
					<!-- 提交的时候触发这个 submit 这个事件 -->
					<el-button type="primary" @click="submit2">提交</el-button>
				</div>
			</div>
			<!-- =========================================================== -->
			<!-- 这里显示的是当点击的是企业信息的时候  然后点击详情按钮，  弹框的下半部分显示的  表头  是审核信息 -->
			<!-- 这里显示的是当点击的是优质企业信息的时候  然后点击详情按钮，  弹框的下半部分显示的  表头  是优质企业审核信息 -->
			<!-- 这里显示的是当点击的是知名企业信息的时候  然后点击详情按钮，  弹框的下半部分显示的  表头  是知名企业审核信息 -->
			<div v-if="(tabNum==='1'||tabNum==='2')&&type!='5'" class="tabShow">
				<div v-if="type==='1'" class="title">审核信息</div>
				<div v-if="type==='2'" class="title">优质企业审核信息</div>
				<div v-if="type==='3'" class="title">知名企业审核信息</div>

				<!-- 当点击的  是优质企业  和  知名企业的时候显示 -->
				<ul class="info clearfix" v-if="type !== '1'&&type!=5">
					<li>
						<div class="infoLabel">审核结果:</div>
						<div :class="{'infoText':true,'pass':tabNum==='1','red':tabNum==='2'}"
							v-html="statusList[tabNum]"></div>
					</li>
					<li>
						<div class="infoLabel">审核人:</div>
						<div class="infoText" v-html="type==='1'?baseInfo.auditorname:baseInfo.typeauditorname"></div>
					</li>
					<li>
						<div class="infoLabel">审核时间:</div>
						<div class="infoText" v-html="type==='1'?baseInfo.auditdate:baseInfo.typeauditdate"></div>
					</li>
					<li v-if="tabNum==='2'">
						<div class="infoLabel infoLabel_left">未通过原因:</div>
						<!-- <div class="infoText infoText_right" v-html="baseInfo.desc"></div> -->
						<pre class="infoTexty">{{baseInfo.desc}}</pre>
					</li>
				</ul>
				<!-- =========================== -->
				<!-- 未通过详情里面的审核信息部分 -->
				<!-- ============================ -->
				<el-table v-if="type === '1'" :data="checkList" border
					:style='{width: "80%",margin: "0 auto",height:checkList.length>3?"400px":"",overflowY:checkList.length>3?"scroll":"none"}'>
					<el-table-column align='center' prop="auditorname" label="审核人" width="180">
					</el-table-column>
					<el-table-column align='center' prop="auditstatus" label="审核结果" width="180">
						<template slot-scope="scope">
							{{ scope.row.auditstatus === '1' ? "审核通过" : "审核不通过" }}
						</template>
					</el-table-column>
					<el-table-column align='center' prop="auditdate" label="审核时间">
					</el-table-column>
					<el-table-column align='center' prop="auditdesc" label="审核说明">
					</el-table-column>
				</el-table>
			</div>
		</div>

		<!-- ======================================================================================= -->
		<!-- ====================================对公账户已通过未通过的图片部分显示 -->
		<!-- ====================================================================================== -->
		<!-- ====================================================================================== -->
		<!-- ====================================================================================== -->
		<!-- ====================================================================================== -->
		<!-- ====================================================================================== -->
		<!-- ======================================================================================= -->
		<div style="padding:0;">

			<div v-if=" type=='5'&&tabNum!='0'&&false">
				<div class="title">基本信息</div>
				<ul class="info clearfix">
					<li>
						<div class="infoLabel">公司名称:</div>
						<div class="infoText"
							v-html="baseInfo.newcompanyname?baseInfo.newcompanyname:baseInfo.companyname"></div>
						<span style="color:red;padding-left:5px;"
							v-if="baseInfo.status == 4">(原公司名称：{{baseInfo.companyname}})</span>
					</li>
					<li>
						<div class="infoLabel">公司地址:</div>
						<div class="infoText"
							v-html="(baseInfo.cityname?baseInfo.cityname:'') +(baseInfo.areaname?baseInfo.areaname:'')+ (baseInfo.address?baseInfo.address:'')">
						</div>
					</li>
					<!-- <li>
          <div class="infoLabel">所在地区:</div>
          <div class="infoText" v-html="baseInfo.cityname"></div>
        </li>-->
					<li>
						<div class="infoLabel">公司性质:</div>
						<div class="infoText" v-html="baseInfo.companytypename"></div>
					</li>
					<li>
						<div class="infoLabel">法人姓名:</div>
						<div class="infoText" v-html="baseInfo.legalperson"></div>
					</li>
					<li>
						<div class="infoLabel">公司规模:</div>
						<div class="infoText" v-html="baseInfo.companysizename"></div>
					</li>
					<li>
						<div class="infoLabel">所属行业:</div>
						<div class="infoText" v-html="baseInfo.industrytypename"></div>
					</li>

					<li>
						<div class="infoLabel">联系人:</div>
						<div class="infoText" v-html="baseInfo.dgzhshlxr"></div>
					</li>
					<li>
						<div class="infoLabel">联系电话:</div>
						<div class="infoText" v-html="baseInfo.telnum"></div>
					</li>
					<li>
						<div class="infoLabel">企业联系电话:</div>
						<div class="infoText" v-html="baseInfo.linkphone"></div>
					</li>
					<li>
						<div class="infoLabel">企业邮箱:</div>
						<div class="infoText" v-html="baseInfo.companyemail"></div>
					</li>
					<!-- 对公账户审核  的  type  是  5  （所已不再这里显示） -->
					<!-- 当传过来的  type  为0 的时候显示平台注册时间-->
					<!-- socialList给这个 页面传过来的  type就是  0 -->
					<!-- 如果 v-show 是 type===“0”  的话  都是显示的是 企业列表页的 东西 -->
					<!-- 如果图片的数量大于0 的话就显示 -->

					<!-- 看被点击的这个是企业列表还是什么？ 如果是企业列表的话  就给他 宽度100% 这个样式 -->
					<li :style=" type === '0' ? 'width: 100%':''">
						<div class="infoText licenseimg">
							<span class="infoLabel">营业执照:</span>
							<img :src="checkPicture" alt="营业执照" width="100px" height="92px" @click="isShowMyImg">
						</div>
					</li>

				</ul>
				<!-- 这个组件 企业审核  优质企业   知名企业  都有   -->
				<div class="company-introduction clearfix:after">
					<div class="company-introduction-title fl">企业介绍:</div>
					<pre class="company-introduction-content fl" v-html="baseInfo.introduction"></pre>
				</div>

				<!-- 平台信息 -->
				<div class="tabShow" v-if="type==='0'">
					<div class="title">平台信息</div>
					<ul class="info1 clearfix">
						<li>
							<div class="infoLabel">企业信息审核人:</div>
							<div class="infoText" v-html="baseInfo.auditorname"></div>
						</li>
						<li>
							<div class="infoLabel">审核时间:</div>
							<div class="infoText" v-html="baseInfo.auditdate"></div>
						</li>
						<li v-if="baseInfo.approvetype && baseInfo.typestatus ==='1'">
							<div class="infoLabel" v-html="baseInfo.approvetype==='0'?'知名企业审核人:':'优质企业审核人:'"></div>
							<div class="infoText" v-html="baseInfo.typeauditorname"></div>
						</li>
						<li v-if="baseInfo.approvetype && baseInfo.typestatus ==='1'">
							<div class="infoLabel">审核时间:</div>
							<div class="infoText" v-html="baseInfo.typeauditdate"></div>
						</li>
					</ul>
				</div>
			</div>

			<!-- ========================== -->
			<!-- 加功能的审核结果部分内容 -->
			<!-- =========================== -->
			<!-- 当 传过来的tabNum为0 的时候才显示这个审核按钮 -->
			<!-- 当点击的是待审核 按钮的时候才会显示这个组件 -->

			<!-- =========================================================== -->
			<!-- 这里显示的是当点击的是企业信息的时候  然后点击详情按钮，  弹框的下半部分显示的  表头  是审核信息 -->
			<!-- 这里显示的是当点击的是优质企业信息的时候  然后点击详情按钮，  弹框的下半部分显示的  表头  是优质企业审核信息 -->
			<!-- 这里显示的是当点击的是知名企业信息的时候  然后点击详情按钮，  弹框的下半部分显示的  表头  是知名企业审核信息 -->
			<div v-if="tabNum==='1'||tabNum==='2'" class="tabShow">
				<!-- <div
          v-if="type==='1'"
          class="title"
        >审核信息</div>
        <div
          v-if="type==='2'"
          class="title"
        >优质企业审核信息</div>
        <div
          v-if="type==='3'"
          class="title"
        >知名企业审核信息</div> -->
				<div v-if="type==='5'" class="title">对公账户审核信息</div>
				<!-- 当点击的  是优质企业  和  知名企业的时候显示 -->
				<ul class="info clearfix" v-if="type === '5'">
					<li>
						<div class="infoLabel">审核结果:</div>
						<div :class="{'infoText':true,'pass':tabNum==='1','red':tabNum==='2'}"
							v-html="statusList[tabNum]"></div>
					</li>
					<li>
						<div class="infoLabel">审核人:</div>
						<div class="infoText" v-html="baseInfo.auditorname"></div>
					</li>
					<li>
						<div class="infoLabel">审核时间:</div>
						{{+baseInfo.checkTime | formatDate}}
					</li>
					<li v-if="tabNum==='2'">
						<div class="infoLabel infoLabel_left">未通过原因:</div>
						<pre class="infoTexty">{{baseInfo.auditdate}}</pre>
					</li>
				</ul>
				<!-- =========================== -->
				<!-- 未通过详情里面的审核信息部分 -->
				<!-- ============================ -->
				<!-- <el-table
          v-if="type === '5'"
          :data="checkList2"
          border
          style="width: 80%; margin: 0 auto;"
        >
          <el-table-column
            align='center'
            prop="checkHuman"
            label="审核人"
            width="180"
          >
          </el-table-column>
          <el-table-column
            align='center' style="vertical-align: center;"
            prop="auditstatus"
            label="审核结果"
            width="180"
          >
            <template slot-scope="scope">
              {{ scope.row.checkState === '1' ? "审核通过" : "审核不通过" }}
            </template>
          </el-table-column>
          <el-table-column
            align='center'
            prop="checkTime"
            label="审核时间"
          >
          </el-table-column>
          <el-table-column
            align='center'
            prop="causeOfFail"
            label="审核说明"
          >
          </el-table-column>
        </el-table> -->
			</div>
		</div>
		<!-- ========================================================================================== -->
		<!-- ========================================================================================== -->
		<!-- ========================================================================================== -->
		<!-- ========================================================================================== -->
		<!-- ========================================================================================== -->
		<!-- ========================================================================================== -->
		<!-- ========================================================================================== -->
		<!-- ========================================================================================== -->
		<!-- 认证凭证 -->
		<el-dialog custom-class="bigImg" :visible.sync="rzdialogVisible" width="30%" append-to-body>
			<img :src="checkPicture" alt width="100%" height="100%">
		</el-dialog>
		<!-- 营业执照的大图弹窗 -->
		<el-dialog title="营业执照" custom-class="bigImg" :visible.sync="leftdialogVisible" width="800px" append-to-body>
			<img :src="'data:image/png;base64,'+newLogoUrl" alt width="100%" height="100%" v-if="newLogoUrl">
			<img :src="'data:image/png;base64,'+logoUrl" alt width="100%" height="100%" v-else>
		</el-dialog>
		<el-dialog title="原营业执照" custom-class="bigImg" :visible.sync="rightdialogVisible" width="800px" append-to-body>
			<img :src="'data:image/png;base64,'+logoUrl" alt width="100%" height="100%">
		</el-dialog>
		<!-- 这个 弹窗是  优质认证和知名认证的 弹窗-->
		<el-dialog :title="currentTitle" custom-class="bigImg" :visible.sync="imgDialogVisible" width="30%"
			append-to-body>
			<!-- 这个src在下面的事件里面绑定了动态的图片路径 -->
			<img :src="currentUrl" alt width="100%" height="100%">
		</el-dialog>
		<el-dialog :visible.sync="showZpInfo" append-to-body custom-class="showlog" class="social_inner_dialog"
			width="1024px">
			<!-- 往zpinfo这个组件传入了companyName这个属性 -->
			<zpInfo :companyName="companyName"></zpInfo>
		</el-dialog>
	</div>
</template>
<script>
	// 引入了这个zpinfo的组件
	import zpInfo from "./zpInfo.vue";
	import moment from "moment"
	const companyStatus = {
		0: '待审核',
		1: '审核通过',
		2: '审核不通过',
		3: '注销',
		4: '改名待审核',
		5: '注销待审核'
	}
	export default {
		name: "",
		components: {
			zpInfo
		},
		data() {
			return {
				checkHuman: '',
				rzdialogVisible: false,
				leftdialogVisible: false,
				rightdialogVisible: false,
				result: "1",
				remark: "",
				baseInfo: {},
				statusList: {
					"0": "待审核",
					"1": "已通过",
					"2": "未通过"
				},
				logoUrl: "",
				newLogoUrl: "",
				currentTitle: "", //点击企业风采或认证---title
				currentUrl: "", //点击企业风采或认证---图片路径
				imgDialogVisible: false, //点击企业风采或认证---大图
				imgDatas: [],
				// imgDatas: [1, 2, 3, 4, 5, 6, 7, 8],
				yzImg: [],
				// 审核信息
				checkList: [],
				checkList2: [],
				showZpInfo: false,
				companyScaleList: [],
				companyTypeList: []

			};
		},
		// 从socialList传过来的   type 是‘0’ ， tabNum 是 ‘4’ ，
		// 从socialcheck传过来的    tabNum 分别是待审核  已通过  未通过   “0”  “1”  “2”
		// type 分别是1，2，3，5
		// companyName为 info对象里的companyname ，companyId为info对象里的companyId
		props: ["companyName", "tabNum", "companyId", "type", 'corporateName', 'checkPicture', 'checkNeedStatus'],

		mounted() {
			this.checkHuman = localStorage.getItem("checkHuman").toString().replace(/"/g, '')
			if (this.type != "5") {
				this.basicInfor();
			} else if (this.type == "5") {
				// setTimeout(() => {
				// this.showCurrent();
				this.getData()
				// }, 500);
			}
		},
		filters: {
			filterStatus(val) {
				return companyStatus[val]
			}
		},
		watch: {
			type: {
				handler(val) {
					if (val != "5") {
						this.basicInfor();
					} else if ((val == "5")) {
						setTimeout(() => {
							this.getData()
						}, 500);
					}
				},
				deep: true,
				immediate: true
			},
			companyId() {
				console.log(222);
				this.basicInfor();
			}
		},
		methods: {

			showCurrent() {
				this.$eleconAxios.post("/electronic/contract/CheckState", {
					companyCode: this.companyId
				}).then(res => {
					let resp = res.data;
					console.log(res);
					if (resp.code === 1000) {
						this.baseInfo = resp.data;
						this.baseInfo.companyname = resp.data.companyName;
						this.baseInfo.cityname = resp.data.provinceName;
						this.baseInfo.areaname = resp.data.cityName;
						this.baseInfo.address = resp.data.areaName;
						// ============================================================
						let companyScale = this.companyScaleList.find(item => {
							if (item.code === resp.data.companyScale) {
								return item
							}
						}).name
						this.baseInfo.companysizename = companyScale
						// =======================
						let companyType = this.companyTypeList.find(item => {
							if (item.code === resp.data.companyType) {
								return item
							}
						}).name
						this.baseInfo.companytypename = companyType
						// ============================================================
						this.baseInfo.dgzhshlxr = resp.data.username;
						this.baseInfo.linkPhone = resp.data.causeOfFail;
						this.baseInfo.qiyeimg = resp.data.checkPicture;
						this.baseInfo.corporateAccount = resp.data.corporateAccount;
						this.baseInfo.industrytypename = resp.data.companytypename;
						if (resp.data.checkHuman) {
							this.baseInfo.auditorname = resp.data.checkHuman.replace(/"/g, '');
						}
						this.baseInfo.auditdate = resp.data.causeOfFail;
						this.baseInfo.basepic = resp.data.basePic
						this.baseInfo.checkTime = resp.data.checkTime
						this.baseInfo.auditdate = resp.data.auditdate
						// 拿图片
						let id = resp.data.checkPicture;
						// this.basicInfor2()

					} else {
						console.log('cuowu')
					}
				})

			},
			// 基本信息
			// 状态
			// 这里更改type的值，来更改各个组件的显示和影藏
			// 这里用来获取新旧营业执照的地方
			basicInfor() {
				this.$flexibleAxios
					.post("/v1/platform/company/reviewDetail", {
						// companyName为 info对象里的companyname ，companyId为info对象里的companyId
						companyid: this.companyId,
						type: this.type,
						status: this.checkNeedStatus
					})
					.then(res => {
						console.log(res.data);
						let resp = res.data;
						let ress = res.data.data

						



						if (resp.code === 1) {
							if (ress.companyname == undefined) {
								ress.companyname = '-'
							} 
							 if (ress
								.companytypename == undefined) {
								ress.companytypename = '-'
							}   if (ress
								.companysizename == undefined) {
								ress.companysizename = '-'
							}   if (ress.username == undefined) {
								ress.username = '-'
							}   if (ress.telnum == undefined) {
								ress.telnum = '-'
							}   if (ress.introduction ==
								undefined) {
								ress.introduction = '-'
							}   if (ress.address == undefined) {
								ress.address = '-'
							}   if (ress.cityname == undefined) {
								ress.cityname = '-'
							}   else if (ress.legalperson ==
								undefined) {
								ress.legalperson = '-'
							}   if (ress.companyemail ==
								undefined) {
								ress.companyemail = '-'
							}   if (ress
								.industrytypename == undefined) {
								ress.industrytypename = '-'
							}   if (ress.linkphone == undefined) {
								ress.linkphone = '-'
							}
							console.log(resp.data);
							this.checkList = resp.data.list || []
							this.baseInfo = ress;
							// 然后根据id获取执照
							let id = resp.data.buslicenseid;
							this.imgDatas = resp.data.pictureurls ?
								resp.data.pictureurls.split(";") :
								"";
							this.yzImg = resp.data.imageurls ?
								resp.data.imageurls.split(";") :
								"";
							this.getLogo(id, "old");
							//新执照
							let newId = resp.data.newbuslicenseid || "";
							this.getLogo(newId, "new");
						} else {
							this.$message({
								message: resp.message,
								type: "error"
							});
						}
					});
			},
			// ==================对公账户审核的   下面的   审核记录获取 
			/* basicInfor2 () {
      this.$eleconAxios.post("/electronic/contract/FailRecord", {
        companyCode: this.companyId
      }).then(res => {
		  console.log(res);
        if (res.data.code === 1000) {
          this.checkList2 = res.data.data || [];
          res.data.data.map(item => {
            item.checkTime = moment(+item.checkTime).format('YYYY-MM-DD HH:mm')
            return item
          })
        }

      })
    },
 */

			// ======这里写点击了审核之后的方法
			getLogo(id, type) {
				if (!id) return;
				let params = {
					accessoryid: id,
					updownmark: "1"
				};
				this.$axios.post("/system/v1/common/upAndDown", params).then(res => {
					console.log(res);
					if (res.data.message === "success.") {
						if (type == "old") {
							this.logoUrl = res.data.data.filecontent;
						} else {
							this.newLogoUrl = res.data.data.filecontent;
						}
					}
				});
			},
			// =========================================================
			// 新功能的方法
			// ==========================================================
			resultChange(r) {
				// 这个change事件的回调 是 选中的 Radio label 值
				// 当这个回调参数的值 ===1 的时候 说明是通过的，所以上传的 remark 的值为空，
				// 如果这个回调参数的值 ===2 的时候，说明被驳回了，所以 会显示出 驳回的input框，然后把remark的值传回后台
				if (r === "1") this.remark = "";
			},
			cancel() {
				this.$emit("cancelCheck", false);
			},
			// =============================================================================
			// 看传过来的type  是  left  还是  right   来决定显示的是左边的营业执照还是右边的原执照
			// ===============================================================================
			isShowImg(type) {
				if (type == "left") {
					this.leftdialogVisible = true;
				} else {
					this.rightdialogVisible = true;
				}
			},
			isShowMyImg() {
				this.rzdialogVisible = true;
			},
			//查看企业风采。优质企业 type =1 风采 type =2 优质
			// 这个是 知名认证， 优质认证这两个页面的弹窗  
			currentImgShow(type, url) {
				if (type == 1) {
					this.currentTitle = "企业风采";
					this.currentUrl = url;
				} else if (type == 2) {
					this.currentTitle = "优质认证";
					this.currentUrl = url;
				} else if (type == 3) {
					this.currentTitle = "知名认证";
					this.currentUrl = url;
				}

				this.imgDialogVisible = true;
			},
			// 点击提交的时候触发了这个submit这个事件
			// 如果这个result为2 （不通过），并且this.remark.trim()为空的话给警告不能为空
			submit() {
				if (this.result === "2" && !this.remark.trim()) {
					this.$message({
						message: "驳回原因不能为空",
						type: "warning"
					});
					return;
				}
				this.$confirm("是否确定提交？", "提示", {
						confirmButtonText: "确定",
						cancelButtonText: "取消",
						type: "warning"
					})
					.then(() => {
						let params = {
							companyid: this.companyId,
							type: this.type,
							result: this.result,
							remark: this.remark
						};
						this.$axios
							.post("/app/v1/platform/company/reviewResult", params)
							.then(res => {
								if (res.data.message === "success.") {
									if (this.result === "1") {
										this.$message({
											message: "审核成功!",
											type: "success"
										});
									} else {
										this.$message({
											message: "申请已驳回!",
											type: "warning"
										});
									}
									this.cancel();
								} else {
									this.$message({
										message: res.data.message,
										type: "error"
									});
									this.cancel();
								}
							});
					})
					.catch(() => {
						this.$message({
							type: "info",
							message: "已取消删除"
						});
					});
			},
			// 对公账户审核的  提交按钮
			submit2() {
				if (this.result === "2" && !this.remark.trim()) {
					this.$message({
						message: "驳回原因不能为空",
						type: "warning"
					});
					return;
				}
				this.$confirm("是否确定提交？", "提示", {
						confirmButtonText: "确定",
						cancelButtonText: "取消",
						type: "warning"
					})
					.then(() => {
						let params = {
							companyCode: this.companyId,
							checkState: this.result,
							causeOfFail: this.remark,
							checkHuman: this.checkHuman ? this.checkHuman : '李波'
						};
						this.$eleconAxios.post("/electronic/contract/ChangeState", params)
							.then(res => {
								if (res.data.message === "更改成功") {
									if (this.result === "1") {
										// this.checkState = '1';
										this.$message({
											message: "审核成功!",
											type: "success"
										});
										// var currentDate = {
										//   reportid: this.companyId,
										//   status: 1,
										//   content: '同意'
										// }
										// this.$emit('reportCallback', currentDate)
									} else {
										// this.checkState = '2';
										this.$message({
											message: "申请已驳回!",
											type: "warning"
										});
										// var currentDate = {
										//   reportid: this.companyId,
										//   status: 2,
										//   content: this.remark
										// }
										// this.$emit('reportCallback', currentDate)
									}
									this.cancel();
								} else {
									this.$message({
										message: res.data.message,
										type: "error"
									});
									this.cancel();
								}
							});
					})
					.catch(() => {
						this.$message({
							type: "info",
							message: "已取消删除"
						});
					});
			},
			// 获取json数据、
			getData() {
				this.$axios.get("../../../assets/condition1.json").then(res => {
					this.companyScaleList = res.data.companyRange;
					console.log(this.companyScaleList)
					this.companyTypeList = res.data.companyType;
					this.showCurrent()
				})
			},
			zpInfo() {
				this.showZpInfo = true;
			}
		}
	};
</script>
<style scoped src="./check.css">
</style>
